﻿/*通用样式*/
*{ margin: 0px; padding: 0px; }
img, input, button { border: none; outline: none; }
a { color: #333333;text-decoration: none; }
a:hover { color: #00589e; cursor: pointer; text-decoration: none; }
ul li, ol li { list-style-type: none; }
body { background-color: #ffffff; font-family: "microsoft Yahei"; }
.fl { float: left; }
.fr { float: right; }
.clearfix { zoom: 1; }
.clearfix:after { content: "020"; height: 0px; display: block; overflow: hidden; clear: both; box-sizing: border-box;}
.hide {display: none;}
.inner { width: 1200px; margin: 0 auto; }

/*header start*/
/* .header {width: 100%;height: 220px;background: url(headerBanner.png) no-repeat center top;}
.header .msg {float: right;padding-top: 15px;}
.header .msg li {text-align: center; background: url(headerSpace.png) no-repeat left; float: left;padding: 0 10px;position: relative;}
.header .msg li:first-child {background: none;padding-left: 0;}
.header .msg li:nth-child(5) {padding-right: 0;}
.header .msg li a {color: #ffffff;}
.header .msg li img {padding-right: 6px;}
.header .logo {padding-top: 70px;}
.header form {padding-top: 65px;}
.header form input[type="text"] {width: 305px;height: 45px;font-size: 20px;color: #007cc2; float: left;padding-left: 16px;}
.header form input[type="submit"] {width: 100px;height: 45px;background: #005fc2 url(headerSearch.png) no-repeat center;}
.nav {width: 100%; background-color: #1858c5;position: relative;}
.subnav > li {width: 200px;height: 60px;line-height: 60px; background: url(navSpace.png) no-repeat left; float: left;position: relative;}
.subnav > li:first-child {background: none;}
.subnav > li:hover {background-color: #2540b5;}
.subnav > li > a { width: 100%; height: 100%; text-align: center; display: inline-block;font-size: 24px; color: #ffffff;} */
/* 头部二维码 */
/* .toolbar{position: fixed;left: 90%;top: 20%;z-index:9999;}
.toolbar-item{position: relative;display: block;width: 72px;height: 66px;text-align: center;background-color: #FFFFFF;}
.toolbar-text{color: #000;font-size: 14px;}
.wechat-image{position: absolute;width: 281px;height: 90px;left: -90px;top: 26px;}
.weibo-image{position: absolute;width: 182px;height: 90px;left: -35px;top: 26px;}
.wechat-image-item{background-color: #fff;border-right: 1px #D0D6D9 solid;float: left;}
.wechat-image-item img {width: 90px;height: 90px;display: inline-block;}
.weixin{font-weight: 600;color: #0088BB;}
.webo-image-item{background-color: #fff;padding: 5px;} */
/* 导航切换机构概况开始 */
.nav01 {width: 1200px;height: 870px;background-color: #ffffff; position: absolute;left: 60%;top: 60px;transform: translateX(-10%);z-index: 99;}
/* 厅领导 */
.tld {width: 100%; line-height: 30px; font-size: 24px;color: #4178a1;border-left: 6px solid #c50b18; padding-left: 15px; text-align: left;}
.tldList {width: 820px;border-bottom: 1px solid #b8b8b8;padding: 15px 0;}
.tldList li {height: auto;line-height: 45px; text-align: left;}
.tldList li > span {padding: 6px 15px;background-color: #e0ecff;white-space:nowrap;}
.tldList li > span:hover {background-color: #007cc2;color: #ffffff;cursor: default;}
.tldList li:nth-child(3) {min-height: 90px;}
.tldList li:nth-child(3) > span {margin-right: 16px;}
/* 内设机构 */
.nsjg {  padding: 15px 0 10px;}
.nsjg li {line-height: 30px; font-size: 22px;color: #4178a1; padding-left: 15px;float: left;}
.nsjg li:first-child {border-left: 6px solid #c50b18;}
.nsjg li a {font-weight: bold; color: #1081c4;opacity: 0.5;}
.nsjg li:hover a,.nsjg li.hover a {color: #007cc2;opacity: 1;}
.nsjgList {width: 100%;height: auto;line-height: 45px; border-bottom: 1px solid #b8b8b8;padding-bottom: 15px;}
.nsjgList span {background-color: #e0ecff;white-space:nowrap;padding: 6px 15px;margin-right: 12px;}
.nsjgList span:hover {background-color: #007cc2;color: #ffffff;cursor: default;}
/* 领导活动 */
.ldhd {width: 100%;height: auto;line-height: 36px;}
.ldhd h6 {width: 100%; line-height: 30px; font-size: 22px;color: #4178a1;border-left: 6px solid #c50b18; padding-left: 15px;margin: 10px 0;}
.ldhd h6 > a {font-size: 16px;font-weight: normal; float: right;}
.ldhdList li {background: url(sec03Dot.png) no-repeat left center;padding-left: 16px;}
.ldhdList li a {font-size: 16px;}
.ldhdList li span {color: #999999;font-size: 14px;float: right;}
/* 生态环境厅主要职责 */
.nav01R  {width: 300px;}
.nav01R h6 {width: 100%; line-height: 30px; font-size: 24px;color: #4178a1;border-left: 6px solid #c50b18; padding-left: 15px;}
.nav01R img {width: 100%;height: 200px;display: inline-block;padding: 20px 0;box-sizing: border-box;}
.nav01R p {height: auto;line-height: 30px;padding-bottom: 20px;}
/* 导航切换机构概况结束 */
/* 导航切换政务服务入口开始 */
.nav05 { width: 1200px;height: 535px; position: absolute;left: 20%;top: 60px;transform: translateX(-70%);z-index: 99; }
.zwfw01 {width: 100%;height: 220px;}
.zwfw01 a {width: 100%;height: 100%;display: inline-block;}
.zwfw02 {margin-left: 40px;}
.zwfw02 li {width: 235px;height: 105px;background-color: #eaf5ff; float: left;margin-left: 26px;margin-top: 26px;}
.zwfw02 li:first-child {background: #eaf5ff url(zwfw02Icon01.png) no-repeat center 10px;}
.zwfw02 li:nth-child(2) {background: #eaf5ff url(zwfw02Icon02.png) no-repeat center 10px;}
.zwfw02 li:nth-child(3) {background: #eaf5ff url(zwfw02Icon03.png) no-repeat center 10px;}
.zwfw02 li:nth-child(4) {background: #eaf5ff url(zwfw02Icon04.png) no-repeat center 10px;}
.zwfw02 li:nth-child(5) {background: #eaf5ff url(zwfw02Icon05.png) no-repeat center 10px;}
.zwfw02 li:nth-child(6) {background: #eaf5ff url(zwfw02Icon06.png) no-repeat center 10px;}
.zwfw02 li:nth-child(7) {background: #eaf5ff url(zwfw02Icon07.png) no-repeat center 10px;}
.zwfw02 li:nth-child(8) {background: #eaf5ff url(zwfw02Icon08.png) no-repeat center 10px;}
.zwfw02 li:nth-child(9) {background: #eaf5ff url(zwfw02Icon09.png) no-repeat center 10px;}
.zwfw02 li:nth-child(10) {background: #eaf5ff url(zwfw02Icon10.png) no-repeat center 10px;}
.zwfw02 li:nth-child(11) {background: #eaf5ff url(zwfw02Icon11.png) no-repeat center 10px;}
.zwfw02 li:nth-child(12) {background: #eaf5ff url(zwfw02Icon12.png) no-repeat center 10px;}
.zwfw02 li:nth-child(13) {background: #eaf5ff url(zwfw02Icon13.png) no-repeat center 10px;}
.zwfw02 li:hover:first-child {background-color: #005fc2;background-image: url(zwfw02Icon01on.png);}
.zwfw02 li:hover:nth-child(2) {background-color: #005fc2;background-image: url(zwfw02Icon02on.png);}
.zwfw02 li:hover:nth-child(3) {background-color: #005fc2;background-image: url(zwfw02Icon03on.png);}
.zwfw02 li:hover:nth-child(4) {background-color: #005fc2;background-image: url(zwfw02Icon04on.png);}
.zwfw02 li:hover:nth-child(5) {background-color: #005fc2;background-image: url(zwfw02Icon05on.png);}
.zwfw02 li:hover:nth-child(6) {background-color: #005fc2;background-image: url(zwfw02Icon06on.png);}
.zwfw02 li:hover:nth-child(7) {background-color: #005fc2;background-image: url(zwfw02Icon07on.png);}
.zwfw02 li:hover:nth-child(8) {background-color: #005fc2;background-image: url(zwfw02Icon08on.png);}
.zwfw02 li:hover:nth-child(9) {background-color: #005fc2;background-image: url(zwfw02Icon09on.png);}
.zwfw02 li:hover:nth-child(10) {background-color: #005fc2;background-image: url(zwfw02Icon10on.png);}
.zwfw02 li:hover:nth-child(11) {background-color: #005fc2;background-image: url(zwfw02Icon11on.png);}
.zwfw02 li:hover:nth-child(12) {background-color: #005fc2;background-image: url(zwfw02Icon12on.png);}
.zwfw02 li:hover:nth-child(13) {background-color: #005fc2;background-image: url(zwfw02Icon13on.png);}
.zwfw02 li a {width: 100%;height: 100%;display: inline-block;}
.zwfw02 li:hover a {color: #ffffff;}
.zwfw02 li p { line-height: 20px; text-align: center;  padding: 60px 6px 0; }
/* 导航切换政务服务入口结束 */
.nav02{ width: 1200px;height: 470px; background-color: #ffffff; position: absolute;left: 80%;top: 60px;transform: translateX(-30%);z-index: 99; }
.nav04{ width: 1200px;height: 365px; position: absolute;left: 120%;top: 60px;transform: translateX(-70%);z-index: 99;}
/*header end*/

/*section start*/
.section {width: 100%;background: #f1f1f1 url(secBg.png) no-repeat center top; color:#007cc2; position: relative;}
/* 热点新闻 */
.sec01 { height:150px; background:#fff; padding:35px 55px; }
.sec01 a { color:#007cc2; }
.sec01Tit { font-size:26px; font-weight:bold; text-align: center; margin-bottom:5px; }
.sec01Msg { line-height:32px;text-indent: 2em; }
/* 图片新闻 */
.sec02 {width: 100%;height: 660px; position:relative; overflow:hidden;}
.sec02 .bd{width: 100%;height: 100%;display: block;overflow: hidden; position:relative; z-index:0; }
.sec02 .bd li{width: 100%;height: 100%;display: block; position:relative; text-align:center; }
.sec02 .bd li img{width: 100%;height: 660px;display: block;background-size: cover;  vertical-align:top;}
.sec02 .bd li a{width: 100%;height: 100%;display: block; -webkit-tap-highlight-color:rgba(0,0,0,0);  }  
.sec02 .bd li .tit{width:100%;height:60px; font-size: 26px;color: #ffffff;background-color: #005fc2;text-indent:10px; text-align:left; display:block;padding-top: 10px; position:absolute; bottom: 0;left: 0; }
.sec02 .hd{ position:absolute; bottom:12px; right:4px; z-index:1; }
.sec02 .hd li{width:18px;height:18px;line-height: 18px;font-size: 12px; text-align: center;padding-left: 1px; margin:4px;display:inline-block;overflow:hidden;background:url(sec02Dot.png);background-size: cover;cursor: pointer;}
.sec02 .hd li.on{color: #ffffff; background:url(sec02onDot.png);background-size: cover;}
/* 信息列表 */
.sec03 {margin: 40px 0 30px;}
.sec03L01 { width: 810px; height: 340px; margin-bottom: 30px; background: #fff;}
.sec03L01 .tabTop {background: url(sec03TitBg01.png) no-repeat left;}
.tabTop {width: 100%; height: 51px; }
.tabTitle {height: 100%;}
.tabTitle li {height: 100%; cursor: pointer;font-size: 24px; float: left; padding: 10px 35px 0;position: relative;}
.tabTitle li.current { background-color: #2478de;}
.tabTitle li a {color: #007cc2;}
.tabTitle li.current a {color: #ffffff;}
.tabTitle li.current i {width: 11px;height: 7px; background: url(sec03Down.png) no-repeat center;position: absolute;bottom: -6px; left: 50%;transform: translateX(-50%);}
.tabList { display: none;padding: 20px 25px 0; position: relative; }
.tabList li {width: 100%;  background: url(sec03Dot.png) no-repeat left center; padding: 4px 0 4px 15px;    }
.tabList li a {max-width: 100%; font-size: 16px;display: inline-block;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.sec03L01 .tabList li a {max-width: 88%;}
.tabList li:hover a { color: #1492ff; }
.tabList li span {font-size: 14px; color: #999999; float: right; }
.more { display: none; position: absolute; top: -40px; right: 0; font-size: 15px; }
.more a { color: #999999; }
.shadow {
    background: #fff;color: #333;
    -ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";  /* For IE 8 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); /* For IE 5.5 - 7 */
    -moz-box-shadow: 2px 2px 10px #909090; /* for firefox */
    -webkit-box-shadow: 2px 2px 10px #909090;/* for safari or chrome */
    box-shadow: 2px 2px 10px #909090;/* for opera or ie9 */
}
.sec03L02 {margin-bottom: 30px;}
.sec03L02 .tz, .sec03L02 .zcjd {width: 390px; height: 320px;}
.sec03L02 .tabTop {background: url(sec03TitBg02.png) no-repeat left;}
.sec03L03 {width: 810px; height: 525px; border-top: 2px solid #0b67b6;}
.sec03L03 img {width: 100%;height: 100%;display: inline-block;}

.sec03R {width: 360px;}
.sec03R01 {width: 100%; height: 935px; background-color:#ffffff; padding:25px;}
.exposure {width: 280px; height: 130px; background: url(sec03R01.png) no-repeat center;margin-left: 25px;position: relative;}
.exposure i {width: 10px;height: 10px;background-color: #0365cc;border-radius: 50%;display: inline-block;position: absolute; left: -29px; top: 0;}
.exposure a {display: block!important;}
.sec03R01 ul { padding: 15px 0;margin-left: 25px;}
.sec03R01 li { background: url(sec03Right.png) no-repeat left center;padding: 4px 0 4px 12px; margin-left: 0;}
.sec03R01 a {max-width: 100%;height: 100%; display: inline-block; padding-left: 0;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.sec03R02 li {width: 100%; height: 140px; margin-top: 15px; }
.sec03R02 li a, .sec03R02 li img {width: 100%; height: 100%; display: inline-block;}
/* 新闻发布会 */
#roll { margin: 13px auto 0px; height: 360px; width: 1060px; position: relative; }
#roll ul { height: 360px; width: 760px;  position: relative; }
#roll li { list-style: none;left: 377px; top: 146px; width: 0px; height: 0px; overflow: hidden; position: absolute; z-index: 0; cursor: pointer; padding: 0;}
#roll li a img{width: 760px;height: 360px;}
#roll li div { width: 100%; height:20px;  position: absolute; left: 0px; bottom:0;background:url(maskBg.png)}
#roll li div p { margin:0px 0px 0px 15px;line-height:20px;color: #fbfcfe;font-weight: bold;font-size:16px; }
#roll li div p a {color: #ffffff;}
#roll .prev , #roll .next {width: 170px;height:300px; line-height:200px;cursor: pointer; display: block;z-index: 100; position: absolute;top: 25px; overflow: hidden; }
#roll .prev {background: none;background-size: 100% 100%; left: -20px; }
#roll .next {background: none;background-size: 100% 100%; right: -20px; }
.newsList {transform: translateZ(0);}
/* 意见征集 */
.yjzj, .hdjl, .news {width: 100%; height: 38px;line-height: 38px; background: url(sec03RTitBg.png) no-repeat left;position: relative;}
.yjzj > i, .hdjl > i , .news i {width: 34px;height: 34px; background: url(sec03RIcon01.png) no-repeat left;display: inline-block;position:absolute;left: -16px;top: 3px;}
.hdjl > i, .news > i {background: url(sec03RIcon02.png) no-repeat left;}
.yjzj a, .hdjl a, .news a {font-size: 24px;color: #007cc2;padding-left: 10px;margin-left: 25px;}
.sec03R01 .hdjlList {margin-left: 0;padding: 10px 0 0;}
.hdjlList li {width: 145px; border-bottom: 1px solid #d3d3d3;background: none; float: left;padding: 12px 0 12px 12px ;}
.hdjlList li:nth-child(odd) { margin-left: 10px;}
.hdjlList li i {width: 24px;height: 24px;  display: inline-block;vertical-align: middle;margin-right: 4px;}
.hdjlList li:first-child  i {background: url(sec03hdjl01.png) no-repeat left center;background-size: 100% 100%;}
.hdjlList li:nth-child(2) i {background: url(sec03hdjl02.png) no-repeat left center;background-size: 100% 100%;}
.hdjlList li:nth-child(3) i {background: url(sec03hdjl03.png) no-repeat left center;background-size: 100% 100%;}
.hdjlList li:nth-child(4) i {background: url(sec03hdjl04.png) no-repeat left center;background-size: 100% 100%;}
.hdjlList li:nth-child(5) i {background: url(sec03hdjl05.png) no-repeat left center;background-size: 100% 100%;}
.hdjlList li:nth-child(6) i {background: url(sec03hdjl06.png) no-repeat left center;background-size: 100% 100%;}
.hdjlList li:nth-child(odd)  a {border-right: 1px solid #d3d3d3; }
.hdjlList a {font-size: 15px;padding-left: 0;display: block;}
.hdjlList img {width: 32px;height: 30px;display: inline-block;}
.space {position: relative;}
.space > i {width: 2px; height: 100%; background-color: #0365cc;position: absolute;left: 0; top: 0;}

/* 专题专栏 */
.sec04 { width: 1200px;height: 215px; position: relative;margin-bottom: 30px;}
.sec04 h5 {width: 100%;height: 48px; line-height: 48px;   font-size: 22px;background: url(sec04TitBg.png) no-repeat left top;}
.sec04 h5 > a {height: 42px;color: #ffffff;background-color: #2478de;display: inline-block; padding: 0 40px; margin-top: 4px; }
.sec04 .hd { position: relative; }
.sec04 .bd { width: 1000px; margin: 0 auto; }
.sec04 ul { overflow: hidden; zoom: 1;margin-left:-30px; }
.sec04 ul li { width: 220px; height: 110px; float: left; margin-top:25px;margin-left:15px;margin-right:15px;}
.sec04 ul li a, .sec04 ul li img { width: 100%; height: 100%; display: inline-block;}
.sec04 ul li p { text-align: center; font-size: 14px; color: #333333; margin-top: 20px;}
.arrow { width: 100%; position: absolute;}
.arrow a {width: 30px; height: 50px; cursor: pointer; display: block; margin-top: 10px; overflow: hidden; z-index: 999; }
.arrow .next { 
/*	background: url(sec04Right.png) no-repeat;*/
	cursor: pointer;
	position: absolute;top: 60px;right: 40px; z-index: 99;}
.arrow .prev { 
/*	background: url(sec04Left.png) no-repeat;*/
	cursor: pointer;
	position: absolute;top: 60px;left: 40px; z-index: 99; }
/* 新闻发布会two */
.sec05 { width: 1200px;height: 460px; position: relative;margin-bottom: 30px;}
.sec05 h5 {width: 100%;height: 48px; line-height: 48px;   font-size: 22px;background: url(sec04TitBg.png) no-repeat left top;}
.sec05 h5 > a {height: 42px;color: #ffffff;background-color: #2478de;display: inline-block; padding: 0 40px; margin-top: 4px; }
/*section end*/

/*footer start*/
.footer {width: 100%;height: 100px;text-align: center; background-color: #1554c3;}
.footer01 {width: 110px;height: 55px;margin: 20px 100px 0 130px;}
.footer02 {width: 550px; margin-top: 10px;}
.footer02 p {text-align: center; padding-right: 20px;margin: 0 auto;}
.footer02 p a,.footer02 p span {font-size: 14px; color: #ffffff;padding-right: 10px;}
.footer03 {width: 52px;height: 64px; float: right;margin-top: 10px;margin-right: 160px;}
/*footer end*/
